*{ padding:0; margin:0;} 
div,span,a,img,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,b,select,option,p{padding:0; margin:0;}
body{ color:#333;font-family:Microsoft YaHei;font-size:14px;background-color:#FFFFFF; height:100%;}
a{ text-decoration:none; color:#333;}
ul{ list-style:none;text-align: left;}
img{ border:none}
html{ height:100%;}


.header{ width:100%; height:auto;   margin:auto; background-color:#fff;}
.header .logo{ width:94%; height:auto;   margin:auto; max-width:1300px;}
.header .logo .left{ float:left;} 
.header .logo .right{ float:right;}
.header .logo .right ul li { float:left; height: auto; line-height:98px; font-size:16px; margin-left:50px; padding:0px 20px; cursor:pointer;}
.header .logo .right ul li:hover{ background-color:#323e80; height:85px; color:#fff; border-bottom:13px solid #fff;}
.header .logo .right ul li.tv{ background-color:#323e80; height:85px; color:#fff;}
.header .logo .right ul li.tt{ height:98px; margin:auto; float:right; margin-left:60px; padding:0px; cursor: auto; background:none; color:#333; border-bottom:none;}
.header .logo .right ul li.tt .top{ height:22px; margin:auto; float:right; margin-top:15px;}
.header .logo .right ul li.tt .top dl dt{ height:22px; line-height:22px; margin:auto; float:left; margin-left:15px; background:url(../images/cn.png) no-repeat center left; font-size:14px; padding-left:25px; cursor:pointer;}
.header .logo .right ul li.tt .top dl dt.bg{ background:url(../images/en.png) no-repeat center left;}
.header .logo .right ul li.tt .top dl dt:hover{ color:#323e80;}
.header .logo .right ul li.tt .bot{ height:26px; line-height:26px; margin:auto; float:right; clear:both; position:relative;}
.header .logo .right ul li.tt .bot input{ width:215px; height:26px; border:1px solid #ccc; outline:0; padding-left:10px; margin-top:15px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.header .logo .right ul li.tt .bot .sos{ width:16px; height:16px; margin:auto; position:absolute; z-index:2; top:22px; right:7px;}
.header .logo .right ul li.tt .bot .sos input{ width:16px; height:16px; margin:auto; background:url(../images/soso.png) no-repeat center; outline:0; border:none;}

.header .logo .right ul li:hover .sub{ display:block;}

.sub{position: absolute;top:98px;left: 0;right: 0;border-width: 1px 0;z-index: 999;display:none;
background: rgba(255,255,255,0.92);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#cffffff, endcolorstr=#cffffff);}
.subc{ width:94%; height:auto; overflow:hidden; margin:auto; max-width:1300px; margin-top:30px;margin-bottom:30px; cursor: text;}
.subcL{ width:470px; height:auto; overflow:hidden; margin:auto; float:left;}
.subcL dl dd{ width:165px; height:40px; line-height:40px; margin:auto; float:left; border-bottom:1px solid #ccc; margin-right:40px; font-size:16px; text-align:center; color:#333; cursor:pointer;}
.subcL dl dd:hover{ color:#ff0000;}
.subcL dl dd a{ color:#333;}
.subcL dl dd a:hover{ color:#323e80;}
.subcR{ width: -webkit-calc(100% - 471px);width: -moz-calc(100% - 471px);width: calc(100% - 471px);  height:auto; overflow:hidden; margin:auto; float:right; border-left:1px solid #ccc;}
.subcRL{ width: -webkit-calc(100% - 410px);width: -moz-calc(100% - 410px);width: calc(100% - 410px);  height:180px; overflow:hidden; line-height:30px; font-size:14px; color:#333; float:left; margin-left:35px; text-align:justify;}
.subcRR{ width:340px; height:200px; margin:auto; float:right; text-align: right; overflow:hidden;}
.logoR ul li:hover .sub { display:block;}

/* flexslider */
.flexslider{ height:auto; overflow:hidden;background: url(../images/loading.gif) 50% no-repeat; position:relative; clear:both;}
.slides{position:relative;z-index:1; width:100%; height: auto;}
.slides li{height:auto;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:0px;z-index:2;width:100%;text-align:center; display:none}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:99; left:0;width:100%;}
.flex-direction-nav li { margin-top:15%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; }
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) no-repeat;}

.flex-direction-nav li a.flex-prev:hover{background:url(../images/prev.png) 0 -50px no-repeat;}
.flex-direction-nav li a.flex-next:hover{background:url(../images/next.png) 0 -50px  no-repeat;}
 
.nhost{ width:100%; height:45px; line-height:45px; margin:auto; position: absolute; z-index:2; left:0px; bottom:0px;    background: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8000000, endcolorstr=#c8000000);} 
.nhost .cnet{ width:94%; height:45px; margin:auto; max-width:1300px;background:url(../images/host_1.png) no-repeat center left;} 
.nhost .cnet .left{width: -webkit-calc(100% - 100px);width: -moz-calc(100% - 100px);width: calc(100% - 100px); float:left; margin-left:35px; color:#fff; } 
.nhost .cnet .left dl dd{ width:100%; height:45px; line-height:45px; float:left;}
.nhost .cnet .left dl dd a{ color:#fff;}
.nhost .cnet .left dl dd a:hover{ color:#fff; text-decoration:underline;}
.nhost .cnet .right{ float:right; text-align:right;}
.nhost .cnet .right a{ color:#fff;}
.nhost .cnet .right a:hover{ color:#fff;text-align:right;}


.ipio{ width:94%; height:auto; overflow:hidden; margin:auto; max-width:1300px; margin-top:50px;}
.ipio ul li { width:22%; height:255px; margin:auto; float:left; margin-right:4%; margin-bottom:50px; position:relative; cursor:pointer;}
.ipio ul li.tv{ margin-right:0px;}
.ipio ul li img{ width:100%; height:255px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;transition:transform 3s; -moz-transition: transform 3s;-webkit-transition: transform 3s;
-o-transition: transform 3s;}
.ipio ul li .bg{ width:100%; height:100%; margin:auto; background: rgba(60,80,139,0.7);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c83c508b, endcolorstr=#c83c508b); position:absolute; z-index:2; top:0px; left:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;transition:transform 3s; -moz-transition: transform 3s;-webkit-transition: transform 3s;
-o-transition: transform 3s;}
.ipio ul li .bg .text{line-height:45px; height:100%;  font-size:30px; font-weight:bold; text-align:center; color:#fff;display: flex;justify-content: center;align-items: Center; transition:transform 3s; -moz-transition: transform 3s;-webkit-transition: transform 3s;
-o-transition: transform 3s;}
.ipio ul li .bg .text:hover{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2); 
-webkit-transform:scale(1.2); -o-transform:scale(1.2);}
/*.ipio ul li .bg .link{ height:100%; width:90%; background:url(../images/hover-link.png) no-repeat center; display:none; margin:auto; }
.ipio ul li .bg:hover .text{ display:none;}
.ipio ul li .bg:hover .link{ display: block; }*/

.foot{ width:100%; height:auto; overflow:hidden; margin:auto; background-color:#000000; margin-top:20px;}
.foot .cent{ width:94%; height:auto; overflow:hidden; margin:auto; line-height:30px; color:#797979; max-width:1300px;}
.foot .cent .left{ float:left;}
.foot .cent .right{ float:right; text-align:right;}

.product{ width:100%; height:384px; overflow:hidden; margin:auto; }
.productc{ width:94%; height:auto; overflow:hidden; margin:auto; margin-top:25px; max-width:1300px;}
.productc .left{ width:220px; height:auto; overflow:hidden; margin:auto; float:left;}
.productc .left .top{ width:100%; height:auto; overflow:hidden; margin:auto; text-align:center; background-color:#323e80; color:#fff; font-size:20px; line-height:28px; padding:12px 0px;}
.productc .left .top span{ display:block; font-size:14px; text-transform:uppercase;}
.productc .left .bot{ width:100%; height:11px; background:url(../images/product_2.png) no-repeat 30px;}
.productc .left .nev{ width:220px; height:auto; overflow:hidden; margin:auto; margin-top:20px;}
.productc .left .nev ul li { width:220px; height: auto; overflow:hidden; line-height:23px; padding:10px 0px; margin:auto; font-size:16px; margin-bottom:15px; background-color:#f8f8f8; cursor:pointer;}
.productc .left .nev ul li .left{ width:3px; height:18px; margin:auto; float:left; margin-left:10px; margin-top:4px; background-color:#323e80;}
.productc .left .nev ul li .right{ margin-left:25px;}
.productc .left .nev ul li:hover{ background-color:#323e80; color:#fff;}
.productc .left .nev ul li.tv{ background-color:#323e80; color:#fff;}
.productc .left .nev ul li .left.tv{ background-color:#fff;}
.productc .left .nev ul li:hover .left{ background-color:#fff;}
.productc .rig{ float:right;width: -webkit-calc(100% - 260px);width: -moz-calc(100% - 260px);width: calc(100% - 260px); height:auto; overflow:hidden; margin:auto;}
.productc .rigg{ float:right;width: -webkit-calc(100% - 260px);width: -moz-calc(100% - 260px);width: calc(100% - 260px); height:auto; overflow:hidden; margin:auto;}

.productc .rig table td.tv {border-bottom: 1px solid #ccc!important;text-align: center!important;height:76px!important;vertical-align:center!important; border-left:1px solid #fff; background-color:#323e80; font-size:16px; color:#fff; line-height:25px; padding:2px 0px;}
.productc .rig table td {border-bottom: 1px solid #ccc!important;text-align: center!important;height: auto; line-height:50px; overflow:hidden;vertical-align:center!important; border-left:1px solid #ccc; font-size:14px; color:#323e80;}
.productc .rig table td.le{ border-left:none;} 
.productc .rig table td.bg{background-color:#f2f2f2;}
.productc .rig table td a{ color:#323e80;}
.productc .rig table td a:hover{ color:#ff0000;}
.productc .rig .dow{ width:90px; height:30px; line-height:30px; margin:auto; text-align:center; background-color:#323e80;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#fff; cursor:pointer;}

.productc .rig .tit{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ccc;}
.productc .rig .tit .lef{ float:left; border-bottom:2px solid #323e80; font-size:18px; color:#323e80; padding-right:5px;}
.productc .rig .tit .ri{ float:right; font-size:14px; text-align:right;}
.productc .rig .bott{ width:100%; height:auto; overflow:hidden; margin:auto; line-height:30px; font-size:14px; text-align:justify; margin-top:10px;}

.course{ width:100%; height:auto; overflow:hidden; margin:auto; background:url(../images/host_2.png) repeat-y center; margin-top:20px;}
.course ul li { float:left; width:50.7%; height:auto; overflow:hidden; margin:auto;}
.course ul li .titl{ width:93%; height:auto; overflow:hidden; margin:auto; line-height:25px; padding-top:5px; padding-bottom:5px; font-size:16px; color:#323e80; text-align:right; background:url(../images/host_3.png) no-repeat right; padding-right:7%; }
.course ul li .titl.tv{ text-align:left; padding-left:7%; background:url(../images/host_3.png) no-repeat left;} 
.course ul li .cen{ width:93%; height:auto; overflow:hidden; margin:auto; padding-right:7%; line-height:30px; text-align:right; font-size:14px;}
.course ul li .cen.tv{ text-align:left; padding-left:7%;}
.course ul li .pic{ width:93%; height:auto; overflow:hidden; margin:auto;padding-right:7%; text-align:right; margin-top:15px; padding-bottom:20px;}
.course ul li .pic.tv{ padding-left:7%; text-align:left;}
.course ul li .pic img{ width:300px;}

.course ul li.tv{ float:right;}

.honor{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:10px;}
.honor ul li { float:left; width:32%; height: auto; margin:auto; margin-right:2%; margin-bottom:20px; overflow:hidden;}
.honor ul li .pic{ width:99%; height:300px; margin:auto; overflow:hidden; border:1px solid #ccc;}
.honor ul li .pic img { width:98%;  padding:1%; /*height:435px;*/ max-height:435px;  overflow:hidden;transition:transform 3s; -moz-transition: transform 3s;-webkit-transition: transform 3s;
-o-transition: transform 3s;}
.honor ul li .pic img:hover{ transform:scale(1.1);-ms-transform:scale(1.2);-moz-transform:scale(1.1); 
-webkit-transform:scale(1.1); -o-transform:scale(1.1);}
.honor ul li .pictd{ border-bottom:none !important; border-left:none; height:260px;}
.honor ul li .pictd img{transition:transform 3s; -moz-transition: transform 3s;-webkit-transition: transform 3s;
-o-transition: transform 3s;}
.honor ul li .pictd img:hover{ transform:scale(1.1);-ms-transform:scale(1.2);-moz-transform:scale(1.1); 
-webkit-transform:scale(1.1); -o-transform:scale(1.1);}


.honor ul li.tv{ margin-right:0px;}




.news{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:20px;}
.news ul li { width:100%; height:120px; overflow:hidden; margin:auto; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc;}
.news ul li .pic{ width:200px; height:120px; margin:auto; float:left; overflow:hidden; cursor:pointer;}
.news ul li .pic img{ width:100%;transition:transform 3s; -moz-transition: transform 3s;-webkit-transition: transform 3s;
-o-transition: transform 3s;}
.news ul li:hover .pic img{ transform:scale(1.1);-ms-transform:scale(1.2);-moz-transform:scale(1.1); 
-webkit-transform:scale(1.1); -o-transform:scale(1.1);}

.news ul li .right{ float:right;width: -webkit-calc(100% - 220px);width: -moz-calc(100% - 220px);width: calc(100% - 220px); height:120px; overflow:hidden;}
.news ul li .right .tite{ width:100%; height:26px; line-height:26px; margin:auto; font-size:16px; text-align:justify; font-weight:bold;}
.news ul li .right .tite a{ color:#333}
.news ul li .right .tite a:hover{ color:#323e80}
.news ul li .right .bitle{ width:100%; height:50px; line-height:25px; text-align:justify; color:#666; margin-top:5px; overflow:hidden;}
.news ul li .right .date{ color:#666; margin-top:10px;} 

.newsinfo{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:5px;}
.newsinfot{ width:94%; height:auto; overflow:hidden; margin:auto; text-align:center; line-height:25px; padding:10px 0px; font-size:20px; border-bottom:1px solid #ccc;}

.newsinfot span { font-size:14px; display:block; color:#666; padding-top:10px;}

.newsinfom{ width:100%; height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:15px;}
.newsinfob{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:15px;}
.newsinfob img { width:100%}
.newsinfobc{ width:100%; height:auto; overflow:hidden; margin:auto; line-height:30px; font-size:14px;margin-top:10px;}
.newsinfobc table {line-height:40px; width:99% !important; }
.newsinfobc table td{padding-left:1% !important; font-family:Microsoft YaHei !important;}
 

.newsinfou{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:15px;}
.newsinfou ul li { width:100%; height:auto; overflow:hidden; margin:auto; line-height:22px; padding:5px 0px;}


.contact{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:5px;}
.contact ul li {width:100%; height:auto; overflow:hidden; margin:auto; border-bottom:1px dashed #ccc; margin-bottom:10px; padding-bottom:10px; line-height:30px;}
.contact ul li .left{ width:48%; float:left;}
.contact ul li .right{ width:48%; float:right;}

.conmap{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:10px;}
.conmap .left{width: -webkit-calc(100% - 680px);width: -moz-calc(100% - 680px);width: calc(100% - 680px); float:left;}
.conmap .right{ width:640px; float: right; text-align:right;}

.g-btn{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding-left:10px;padding-right:10px;line-height:2.142857;font-weight:normal;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:0;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none; background-color:#0a4e7f; color:#fff; font-family:Microsoft Yahei;}
.g-btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px; background-color:#4A7C6C;}
.g-btn:hover,.g-btn:active,.g-btn:focus{text-decoration:none; background-color:#0a4e7f;}
.g-btn:active,.g-btn.g-btn-active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.g-btn.g-btn-disabled,.g-btn[disabled],fieldset[disabled] .g-btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}


.g-btn{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding-left:10px;padding-right:10px;line-height:2.142857;font-weight:normal;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:0;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.g-btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.g-btn:hover,.g-btn:active,.g-btn:focus{text-decoration:none}.g-btn:active,.g-btn.g-btn-active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.g-btn.g-btn-disabled,.g-btn[disabled],fieldset[disabled] .g-btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
 



.g-input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:30px;margin:0;padding:4px 6px;color:#454545;background-color:#fff;border:1px solid #ccc;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.15);box-shadow:inset 0 1px 1px rgba(0,0,0,0.15);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; font-family:Microsoft Yahei; font-size:14px; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;*height:20px;_margin:-1px 0}.g-input:-moz-placeholder{color:#999; }.g-input::-moz-placeholder{color:#999}.g-input:-ms-input-placeholder{color:#999}.g-input::-webkit-input-placeholder{color:#999}.g-input:focus{border-color:#f8b500;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(248, 181, 0, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(248, 181, 0, 0.6)}.g-input[disabled],.g-input[readonly],fieldset[disabled] .g-input{cursor:not-allowed;background-color:#eee}textarea.g-input{height:auto}

.foodqq{ width:51px; height:auto; margin:auto; position:fixed; z-index:9999; top:45%; right:0px; }
.foodqq ul li { width:51px; height: auto; margin:auto; border-bottom:2px solid #fff; text-align:center; padding:10px 0px; position:relative;  cursor:pointer; float:right; clear:both;background-color:#2A2A2A;}
.foodtel{ width:160px; height:44px;position: absolute; z-index:-1; top:0px; right:-160px; font-size:20px;color:#fff; background-color:#2A2A2A;transition:all 0.6s ease;-webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease;opacity:0; overflow:hidden; line-height:44px;}
.foodqq ul li:hover .foodtel{ transition:all 0.6s ease;-webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease;opacity:1;right:52px;}
.foodwx{ width:90px; height:90px; background-color:#2A2A2A; text-align:center; padding:7px;position: absolute; z-index:-1; top:0px; right:-90px; transition:all 0.6s ease;-webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease;opacity:0; }
.foodqq ul li:hover .foodwx{transition:all 0.6s ease;-webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease;opacity:1;right:52px;}
.foodqq img { width:45%;}


 
/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333; }
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0; font-family:Microsoft yahei; font-size:10px;margin-top:20px;margin-bottom:5px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#fff;border:1px solid #898989;background:#898989;} 


.message{ width:90%; height:auto; overflow:hidden; margin:auto;}
.message ul li { width:48%; height:auto; line-height:40px;overflow:hidden; margin:auto; margin-top:20px; margin-right:4%; float:left;}
.message ul li.tv{ margin-right:0px;}
.message ul li span{ color:#F00;}
.message ul li.cot{ width:100%;}

.message input{ width:98%; border:1px solid #ccc; height:40px; line-height:40px; float:left;}
.message textarea{ width:99%;border:1px solid #ccc; height:100px !important; line-height:25px; float:left;}
.submitj{ width:140px; height:40px; line-height:40px; margin:auto; text-align:center;}
.submitj input{ font-size:16px; background-color:#ec6000; border:none; outline:0; color:#fff;moz-border-radius:5px;-webkit-border-radius: 5px;border-radius:5px; cursor:pointer;}